<template>
    <div>
        <div class="boss2">
            <p>门店充值趋势</p>
            <div id="sjt1" style="width:550px; height:400px">

            </div>

        </div>

    </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
    mounted() {
        this.initEachrt()
    },
    methods: {
        initEachrt() {
            let myeachart = echarts.init(document.getElementById('sjt1'))
            myeachart.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: ['01', '02', '03', '04', '05', '06', '07']
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'line',
                        areaStyle: {}
                    }
                ]

            })
        }
    },


}
</script>

<style lang="less" scoped>
.boss2 {
    width: 520px;
    height: 380px;
    background: #ffffff;
    border-radius: 8px;
    margin-left: 20px;
}
</style>